<template>
  <div>
    <el-table
      :data="tableData"
      style="width: 100%"
      :header-cell-style="headClass"
      stripe
    >
      <el-table-column prop="date" label="素材编号"> </el-table-column>
      <el-table-column prop="name" label="素材名称"> </el-table-column>
      <el-table-column prop="address" label="分类" width="180px">
      </el-table-column>
      <el-table-column prop="address" label="状态"> </el-table-column>
      <el-table-column prop="address" label="大小"> </el-table-column>
      <el-table-column prop="address" label="格式"> </el-table-column>
      <el-table-column prop="address" label="作者"> </el-table-column>
      <el-table-column prop="address" label="下载量"> </el-table-column>
      <el-table-column prop="address" label="浏览量"> </el-table-column>
      <el-table-column prop="address" label="收藏量"> </el-table-column>
      <el-table-column prop="address" label="更新时间"> </el-table-column>
      <el-table-column prop="address" label="操作" width="280px">
        <template>
          <el-button type="primary">删除</el-button>
          <el-button type="primary">停用</el-button>
          <el-button type="primary">编辑分类</el-button>
        </template>
      </el-table-column>
    </el-table>
    <pagination></pagination>
  </div>
</template>

<script>
import pagination from '../../components/pagination'
export default {
  name: '',
  components: { pagination },
  props: {},
  data() {
    return {
      date: new Date(),
      tableData: []
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    headClass() {
      return 'background: linear-gradient(0deg, #DFE1E6, #FAFBFF);text-align:center'
    }
  }
}
</script>
<style lang="less" scoped></style>
